<template>
	<view>
		<view class="nav2">
			<u-navbar title="我的报告" bgColor="transparent" :fixed="false" autoBack>
			</u-navbar>
		</view>
		<u-gap height="30"></u-gap>
		<view class="m30">
			<view class="f28 bold c343">已解锁的报告</view>
			<view class="mt20">
				<view class="pore">
					<image src="https://hxs.dsjhs.com:553/prod-api/profile/locked.png" mode="widthFix" class="width100"></image>
					<view class="times">
						<view class="p20 f24 cfff flex">
							<view class="time-item mr20">2024年5月30日</view>
							<view class="time-item">2024年7月31日</view>
						</view>
					</view>
				</view>
			</view>
			<view class="f28 bold c343 mt20">未解锁的报告</view>
			<view class="mt20">
				<view class="pore">
					<image src="https://hxs.dsjhs.com:553/prod-api/profile/unlock.png" mode="widthFix" class="width100"></image>
					<view class="times flex-jus flex-col flex-start">
						<view class="p20 f24 cfff flex">
							<view class="time-item mr20">2024年5月30日</view>
							<view class="time-item">2024年7月31日</view>
						</view>
						<view class="">
							<u-button shape="circle" color="#FFDE6D" @click=""
								:customStyle="{'color':'#34314F','border':'1px solid #FFDE6D'}">
								去解锁
							</u-button>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {} from '@/common/api.js'
	export default {
		name:'',
		data() {
			return {
				
			}
		},
		onLoad(option) {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #FEF4E8;
	}
	.times{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		.time-item{
			background-color: rgba(#000, 0.2);
			padding: 8rpx 20rpx;
			border-radius: 30rpx;
		}
	}
</style>
